@charset "utf-8";
a {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-decoration: none;
    color: #000;
    cursor: pointer;
}
* { padding:0;margin:0;
    font-family: "microsoft yahei";
}
input, textarea, select {
    font-family: "microsoft yahei", Helvetica, Arial, sans-serif;
    text-decoration: none;
    outline:none;
    resize: none;
    border: none;
    -webkit-appearance:none;
}

ul,li {list-style: none; }
em,i{font-style:normal;}
img{border: none; vertical-align: middle; }

.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
.wrap{margin-left: auto; margin-right: auto; width: 1200px; }
.fl{ float:left;}
.fr{ float:right;}


.header{
    position: relative;
}
.header-l{
    height: 60px;
    line-height: 60px;
    margin-left: 10px;
}
.header-r.active{
    display: none;
}
.header-r-ul li{
    float: left;
    height: 60px;
    line-height: 60px;
}
.header-r-ul li a{
    float: left;
    font-size: 18px;
    padding: 0 40px;
}



/*手机按钮*/
.menuph{ float:right; margin:10px 0 0 0; cursor: pointer; width: 40px; height: 40px; text-align: center; display: none; }
.menuph.active{ display: block; }
.menuph .point{ display: inline-block; width: 28px; height: 22px;margin-top: 10px; position: relative;  }
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 28px; }
.menuph .navbtn{ position: absolute; top: 10px; right: 0;display: inline-block; width: 21px; height: 1px;-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #000;
}
.menuph .navbtn::after,
.menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #000;
}
.menuph .navbtn::after{ top: -11px; }
.menuph .navbtn::before{ top: 10px; }
.menuph .point.active .navbtn{ background: transparent; }
.menuph .point.active .navbtn::after{ top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menuph .point.active .navbtn::before { top: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}




/*手机导航*/
.phone{
    display: none;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 2;
}
.phone-ul li{
    height: 60px;
    line-height: 60px;
    margin-left: 10px;
}
/*手机遮罩层*/
.phonemeng{
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 1;
    display: none;
}
.phonemeng.active{
    display: block;
}

.main1{
    margin-top: 20px;
    height: 900px;
}
.main2{
    margin-top: 20px;
    height: 600px;
}


@media screen and (max-width: 750px) {
    .wrap{
        width: 100%;
    }
    .menuph{
        display: block;
    }
    .header-r{
        display: none;
    }
}














